<?php 
  require 'main.php';
  require("header.php");
?>
<!-- page content-->
<link href="css/bod-styles.css" rel="stylesheet" type="text/css" />
<link href="css/fonts.css" rel="stylesheet" type="text/css" />
<link href="css/form-style.css" rel="stylesheet" type="text/css" />
<link href="css/cent-styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/tabs.js"></script>

	<div id="wrap">
		<div id="glosario">
			<h2 class="tit">FRUTAS</h2>
<?php
require BASE_PATH . DS . 'templates' . DS .'buscador.tpl.php';?>
			<h6 class="descr">Puede buscar por las iniciales, por el listado o bien a trav&eacute;s del buscador. Ocasionalmente se pueden encontrar
				algunas frutas que no existen en Argentina, pero s&iacute; en Am&eacute;rica Latina. Especificaciones al pi&eacute; de la p&aacute;gina.</h6><br />
			<nav id="abc">
				<ul>
					<li><a href='?word=a'>A</a></li>
					<li><a href='?word=b'>B</a></li>
					<li><a href='?word=c'>C</a></li>
					<li><a href='?word=d'>D</a></li>
					<li><a href='?word=f'>F</a></li>
					<li><a href='?word=g'>G</a></li>
					<li><a href='?word=h'>H</a></li>
					<li><a href='?word=l'>L</a></li>
					<li><a href='?word=m'>M</a></li>
					<li><a href='?word=n'>N</a></li>
					<li><a href='?word=p'>P</a></li>
					<li><a href='?word=q'>Q</a></li>
					<li><a href='?word=s'>S</a></li>
					<li><a href='?word=t'>T</a></li>
					<li><a href='?word=u'>U</a></li>
					<li><a href='?word=z'>Z</a></li>
				</ul>
			</nav>
		</div><!--end glosario-->
		
		<div id="container">
			<nav id="veg">
				<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
				<link rel="stylesheet" type="text/css" href="css/jquery.jcarousel.css" />
				<script type="text/javascript">
				jQuery(document).ready(function() {
				jQuery('.jcarousel-skin-tango').jcarousel({visible:5,scroll:5});
				});
				</script>

				<div class="jcarousel-skin-tango">
					<div class="jcarousel-container">
						<div class="jcarousel-clip">
						<ul class="jcarousel-list">
<?php
							//recogemos la variable en caso de no existir la cargamos por defecto
							$word = isset($_GET['word'])?$_GET['word'] : 'a';
							$frutas = DB::select('frutas',array('*'),'WHERE nombre LIKE ?');
							$frutas->execute(array($word.'%'));
							//if($frutas->numRows() > 0)
							if($frutas->rowCount() > 0)
							{
								//$frutas->fetchAssoc($row);
								$row = $frutas->fetch();
								$word = $row['nombre'];
							}
							//en caso de habilitar la CH , LL
							//$letra = isset($word[1]) && in_array($word[1],array('h','l'))? $word[0].$word[1]: $word[0];
							$letra = $word[0];
							//victor>antigua forma de realizar las consultas
							//$letra = db_query::newInstance()->select('frutas',array('nombre'),
							//			"WHERE nombre LIKE ':s%' ORDER BY nombre",array($letra));
							$letra = DB::select('frutas',array('nombre'),'WHERE nombre LIKE ? ORDER BY nombre')
									->set(array($letra . '%'));//"set" es identico a "execute" excepto que este devuelve el Objeto y no un Booleano
							//while($letra->fetchAssoc($l)):
							foreach($letra->fetchAll() as $l):
							$nombre_fruta = isset($nombre_fruta)? $nombre_fruta : $l['nombre'];
?>
						<li><a href="?word=<?=$l['nombre']?>"><?=$l['nombre']?></a></li>
<?php
	//endwhile;
	endforeach;
?>
						</ul>
						</div><!--end carousel-clip-->
						<div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled">&lt;</div>
						<div class="jcarousel-next">&gt;</div>
					</div><!--end carousel-container-->
				</div><!--end carousel-skin-tango-->
			</nav>
			
			<section id="content">
<?php  
					if(empty($row))
					{
						$frutas = DB::select('frutas',array('*'),
								"WHERE nombre=?");
						//$frutas->execute(array($nombre_fruta));
						$frutas->set($nombre_fruta);//"set" tiene algunas ventajas frente a "execute" :)
					}
					//usamos el otro metodo de ECHO
					echo <<<HTML
<table width=900 border=0>
	<tr>
		<td width=500 valign=top>
			<table width=500 border=0 valing=top>
				<tr>
					<td valing=top width="500" colspan=2>
						<table border=0 valign=top><tr>
							<td>
								<h3>{$row['nombre']}</h3>
							</td>
							<td>
								<h6 class="tmb">{$row['tmb']}</h6></td></tr>
						</table>
					</td>
				</tr>
				<tr>
					<td width="210" height=300 valign=top>
						<img src="image/frut/{$row['fot']}.jpg" alt="{$row['fot']}"/>
					</td>
					<td width=230 valign=top>
						<table width=230 border=0 valign=top>
							<tr>
								<td width=100 align=center valign=top>
									<h5>Minerales:</h5>
									<p class="mineral">{$row['minerales']}</p>
								</td>
								<td align=center valign=top>
									<h5>Vitaminas:</h5>
									<p class="mineral">{$row['vitaminas']}</p>
								</td>
							</tr>
							<tr>
								<td width=100 align=center valign=top>
									<h5>Prote&iacute;nas:</h5>
									<p class="mineral"><span class="red"> Por 100 grms</span><br />{$row['proteinas']}</p>
								</td>
								<td align=center>
									<h5>Calor&iacute;as:</h5> <p class="mineral"><span class="red"> Por 100 grms</span><br />{$row['calorias']}<p>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</td>
		<td width=400 valign=top>
			<table width="400" valign=top>
				<tr>
					<td>
						<ul class="tabs">
							<li><a href="#tab1">Beneficios</a></li>
							<li><a href="#tab2">Contras</a></li>
						</ul>
						<div class="tab_container">
							<div id="tab1" class="tab_content">
								<p>{$row['prop']}<br /><a href="{$row['linkA']}" class="proContra" rel="nofollow">M&aacute;s informaci&oacute;n... </a></p>
							</div>
							<div id="tab2" class="tab_content">
								<p>{$row['riesgos']}<br /><a href="{$row['linkB']}" class="proContra" rel="nofollow">M&aacute;s informaci&oacute;n... </a></p>
							</div>
						</div>
					</td>
				</tr>
			</table>
		</td>
	</tr>
  </table>
HTML;
	?>
			</section><!-- end section content-->
			<div id="ref">
				<p class="nota"><span style="color:#b41;">Nota: </span>Como es sabido, cada fruta tiene sus propias variedades, no s&oacute;lo de colores, texturas e incluso sabor. No es mi pr&oacute;posito distinguir rigurosamente
				estas variedades. Si tiene particular curiosidad por una de ellas, puede seguir el v&iacute;nculo que figura al pi&eacute; de Beneficios o Contras, y as&iacute; obtener m&aacute;s informaci&oacute;n.</p>
			</div><!--end ref-->
		</div><!--end container-->
	</div><!--end wrapp-->
<?php
  include ("footer.html");
?>